<!DOCTYPE html>
<html lang="ch">
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css">
  <link href="./common.css" rel="stylesheet">
  <script src="./pagePlugin.js"></script>
  <title>分页插件使用方法</title>
</head>
<body>
  <div class="page-plugin" id="pagePlugin"></div>
  <script>
    // 回调函数，页码改变时触发回调事件，用户可以在该回调内处理自己的业务逻辑
    var pageChange = data => {
      const { pageNum, pageSize } = data
      console.log(`新的页码${pageNum}新的分页大小${pageSize}`)
      // 处理你的分页逻辑（更新数据）
    }

    var homePagePlugin = new PagePlugin('pagePlugin',pageChange)

    setTimeout(()=>{
      // 第5页，每页10条数据，共113条数据
      homePagePlugin.setPage(5, 10, 113)
    })
  </script>
</body>
</html>
